<script setup lang="ts">
const content = ref('Hello World!');
</script>

<template>
<main class="title">
  <div class="markdown">
    <div class="flex justify-center items-center text-gray-700 p-2">{{content}}</div>
    <markdown-editor v-model="content" :height="400" placeholder="在这里输入内容"/>
  </div>
</main>
</template>

<style lang="scss" scoped>
main.title{
  @apply flex justify-center items-center h-screen bg-slate-300
  ;
  div.markdown{
    @apply w-[900px];
  }
}
</style>